<template>
  <div class="home">
     <div class="tip">
       <Header />
    </div>
    <Banner :data="banner" collectionName="banner" />
    <Cell />
    <Toolbar />
  </div>
</template>
<script>
import Header from '../layouts/header.vue'
import Banner from "../components/banner/banner.vue"
import Cell from '../components/cell/cell.vue'
import Toolbar from '../components/toolbar/toolbar.vue'
export default {
  name: "home",
  data: () => ({
    banner: []
  }),

  methods: {},
  mounted() {
      this.banner = [{
            _id: 1,
            banner: "/img/chi.jpg",
          },
          {
            _id: 2,
            banner: "/img/ji.jpg",
          },
          {
            _id: 3,
            banner: "/img/yu.jpg",
          }]
  },
  components: {
    Banner,
    Header,
    Cell,
    Toolbar
  }
};
</script>

<style scoped>

.tip{
  background: yellow;
  padding: .3125rem;
}
</style>
